<template>
  <div class="app">
    <div>
      <h1>自定义指令</h1>
      <!-- 使用自定义指令的时候 需要加 v-指令名 -->
      <input ref="inp" type="text" v-focus />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  // 局部注册的指令 只能在当前组件内使用
  directives: {
    focus: {
      inserted(el) {
        // console.log(el)
        el.focus()
      },
    },
  },
  // mounted(){
  //   // DOM 渲染完成
  //   this.$refs.inp.focus()
  // }
}
</script> 